<style>
    .plans .col-md-3 > h4 {
        height: 24px;
        font-size: 18px;
        color: #57576b;
        margin-top: 27px;
        text-align: left;
        margin-bottom: 7px;
    }

    .plans .dt-only .tip-price {
        padding-top: 6px;
        padding-bottom: 1px;
        margin-bottom: 0;
        line-height: 45px;
        margin-left: -15px;
    }
    .panel-body {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .panel-body .col-md-5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .plans .col-md-3 > h6 {
        min-height: 38px;
    }

    .plans .col-md-3 > h6 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 7px;
        text-align: left;
        color: #39394d;
        margin-bottom: 0;
    }

    .tip-price > span > a:link {
        font-size: 32px;
        text-decoration: none;
        color: #2d8cff;
    }

    .top-btn {
        text-align: left;
        margin-left: 35%;
        padding-bottom: 10px;
    }

    .cta-md {
        font-size: 15px;
        min-width: 30%;
    }

    .cta-bgyellow {
        background-color: #fff;
        color: #d14600!important;
        border: 1px solid #f26d21;
        font-weight: 700;
    }
    .cta-forbid {
        background-color: #fff;
        color: #cab5b5!important;
        border: 1px solid #cab5b5;
        font-weight: 700;
    }
    .cta-renew {
        background-color: #fff;
        color: #4bc800!important;
        border: 1px solid #4bc800;
        font-weight: 700;
    }

    .btn-cta, .btn-cta:focus, .btn-cta:hover, .btn-cta:active {
        border-radius: 3px;
        font-weight: 600;
        display: inline-block;
        text-decoration: none;
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: middle;
        padding: 0 12px;
        text-align: center;
        min-height: 45px;
        padding-top: 10px;
    }

    .plans .detail > p {
        line-height: 20px;
        position: relative;
    }

</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="status">
            <li class="active">
                <a href="/admin/sponsor/sponsororder/list" style="cursor: pointer;">
                    举办人订单
                </a>
            </li>
            <li >
                <a href="/admin/sponsor/sponsororder/index" style="cursor: pointer;">计划配置</a>
            </li>
        </ul>
    </div>

    <div class="panel-body">
        <div class="row animated fadeInRight">
            <div class="col-md-offset-1 col-md-10" style="margin-left: 10px;    width: auto">
                <div class="box box-primary" style="display: flex;flex-direction: column;">
                    <div style="margin-top: 15px"><h4> 套餐</h4></div>
                    <div class="panel-body plans" style=" display: flex;    flex-direction: row;    width: 1100px;">
                        <div class="col-md-5 " id="pal-57" style="border: #dcdcdc  solid 1px;border-right: #dcdcdc  solid 1px;border-radius:6px;width: 300px;margin: 0 20px;text-align: center">
                            <h4 style="margin-top: 20px">免费版抢先体验</h4>
                            <div class="detail" style="text-align:center;height: 200px">
                                <p style="font-weight: 600;"> 简单描述   <span style="margin-left: 30px">9</span> </p>
                                <p style="margin-bottom: 13.7px;">长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述</p>
                            </div>
                            <div style="text-align: start;height: 40px;" >
                                <span>免费版</span>
                                <a class=" cta-bgyellow" style="    float: right;" href="/admin/sponsor/sponsororder/sponsororderedit?type=free">编辑</a>
                            </div>
                        </div>
                        <div class="col-md-5 " id="pal-57" style="border: #dcdcdc  solid 1px;border-right: #dcdcdc  solid 1px;border-radius:15px;width: 300px;margin: 0 20px;text-align: center">
                            <h4 style="margin-top: 20px">商业计划</h4>
                            <div class="detail" style="text-align:center;height: 200px">
                                <p style="font-weight: 600;"> 简单描述   <span style="margin-left: 30px">9</span> </p>
                                <p style="margin-bottom: 13.7px;">长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述</p>
                            </div>
                            <div style="text-align: start;height: 40px;" >
                                <span>商业版</span>
                                <a class=" cta-bgyellow" style="    float: right;" href="/admin/sponsor/sponsororder/sponsororderedit?type=business">编辑</a>
                            </div>
                        </div>
                        <div class="col-md-5 " id="pal-57" style="border: #dcdcdc  solid 1px;border-right: #dcdcdc  solid 1px;border-radius:15px;width: 300px;margin: 0 20px;text-align: center">
                            <h4 style="margin-top: 20px">企业平台用了都说好</h4>
                            <div class="detail" style="text-align:center;height: 200px">
                                <p style="font-weight: 600;"> 简单描述   <span style="margin-left: 30px">9</span> </p>
                                <p style="margin-bottom: 13.7px;">长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述
                                    长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述长描述</p>
                            </div>
                            <div style="text-align: start;height: 40px;" >
                                <span>企业版</span>
                                <a class=" cta-bgyellow" style="    float: right;" href="/admin/sponsor/sponsororder/sponsororderedit?type=enterprise">编辑</a>
                            </div>
                        </div>
                  <!--      <div class="col-md-5 " id="pal-44" style="margin-left: 30px;margin-top: 30px;border: #dcdcdc  solid 1px;border-right: #dcdcdc  solid 1px;padding-left: 35px;text-align: center">
                            <h3 style="margin-top: 20px">H.323会议室连接器</h3>
                            &lt;!&ndash;                            <h6 style="margin-top: 20px">小型团队的首选</h6>&ndash;&gt;
                            <div class="detail dt-only">
                                <p class="tip-price">
                                                                        <span>
                                        <a href="" data-original-title="" title="">￥600.00</a>
                                    </span>/月/房间/会议室</p>

                            </div>
                            <div><p style="font-weight: 600;">将您的H.323/SIP系统与台式机、平板、移动设备、和其他H.323/SIP端点连接 </p></div>
                            <div class="detail"><p class="price-hosts"><span>&nbsp;</span></p></div>

                            <div class="detail" style="text-align:center;">
                                <p style="font-weight: 600;">所有的基本功能+</p>
                                <p style="margin-bottom: 13.7px;">将您的H.323/SIP系统与台式机、平板、移动设备、和其他H.323/SIP端点连接 </p>
                            </div>
                            <div class="top-btn">
                                <a class="btn-cta cta-md cta-bgyellow" name="buy-button" role="button" href="/admin/plan/serverreview?id=44&lang=zh-cn">立即购买</a>
                            </div>
                        </div>-->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>